body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: normal;
    font-size: 100%;
}

input,
select,
textarea {
    vertical-align: middle;
}

textarea {
    resize: none;
    overflow: auto;
}

button {
    background: none;
    border: none;
}

img {
    border: none;
    vertical-align: top;
}

ol,
ul,
li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table,
td {
    border: none
}

i,
em {
    font-style: normal;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

caption,
th,
td {
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 24pm;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

* {
    -webkit-box-sizing: border-box;
}


/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

;
a {
    text-decoration: none;
}

.wrap {
    max-width: 640pm;
    margin-left: auto;
    margin-right: auto;
}

.clear::after {
    clear: both;
    content: "";
    display: block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

// 风格
@import "theme/theme_1";
@import "mixins";
.gray {
    color: @color3!important;
}

.blue {
    color: @color9!important;
}

.bg {
    background-color: @bg;
}

.bgw {
    background-color: #fff;
}

.tag {
    position: relative;
    top: -2pm;
    margin-right: 4pm;
    display: inline-block;
    border-radius: 3pm;
    text-align: center;
    width: 28pm;
    height: 28pm;
    line-height: 28pm;
    font-size: 20pm;
    font-weight: normal;
    color:#fff; 
    &.tag_1 {
        background: #b3dd64;
    }
    &.tag_2 {
        background: #ffc16a;
    }
}

.btn {
    width: 186pm;
    height: 68pm;
    line-height: 68pm;
    text-align: center;
    font-size: 28pm;
    color: #ffffff;
    background: #45d8ba;
    border-radius: 6pm;
}


.hasfooter {
    padding-bottom: 92pm;
}
.loadingMsg,
.bottom-line,
.loading {
    padding: 15pm 0;
    font-size: 24pm;
    line-height: 40pm;
    text-align: center;
    color:@color2;
}

.footer {
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    height: 92pm;
    line-height: 92pm;
    border-top: 2pm solid #f0f0f0;
    border-bottom: 2pm solid #f0f0f0;
    a {
        float: left;
        width: 50%;
        text-align: center;
        font-size: 28pm;
        color: #707070;
        i{
            position: relative;
            top:1pm;
            font-family: "iconfont";
            font-size: 28pm;
            padding-right: 16pm;
        }
        &.active {
            color: @color9;
        }
        &:nth-of-type(1) {
            position: relative;
            &::after {
                position: absolute;
                right: 0;
                top: 20pm;
                content: "";
                background-color: #e4e4e4;
                width: 2pm;
                height: 46pm;
            }
        }
    }
}

.nav {
    position: relative;
    height: 96pm;
    line-height: 96pm;
    text-align: center;
    font-size: 32pm;
    color: @color6;
    letter-spacing: 0px;
    .historyBack{
        position: absolute;
        left: 31pm;
        top: 50%;
        transform:translateY(-50%);
        width: 32pm;
        height: 34pm;
        background: url('../images/icon_4.png') no-repeat 0 center;
        background-size: 32pm 34pm;
    }
    .handel {
        position: absolute;
        right: 37pm;
        top: 50%;
        transform: translateY(-50%);
        font-size: 28pm;
        line-height: 30pm;
        color: @color9;
    }
    .tab {
        position: absolute;
        width: 360pm;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        a {
            float: left;
            width: 180pm;
            height: 70pm;
            line-height: 70pm;
            text-align: center;
            font-size: 28pm;
            color: @color3;
            border: 2pm solid #d8d8d8;
            &:nth-of-type(1) {
                border-radius: 8pm 0pm 0pm 8pm;
                border-right: none;
            }
            &:nth-last-of-type(1) {
                border-radius: 0pm 8pm 8pm 0pm;
            }
            &.active {
                background: @color8;
                color: #fff;
                border-color: #53cbb3;
            }
        }
    }
}

.more {
    margin: 20pm auto 0;
    display: block;
    border: 2pm solid #43e5b5;
    border-radius: 6pm;
    width: 232pm;
    line-height: 60pm;
    height: 60pm;
    text-align: center;
    color: @color9;
}

.evaluation_item {
    padding-top: 18pm;
    padding-left: 4pm;
    .avatar {
        width: 75pm;
        height: 75pm;
        border-radius: 1000pm;
    }
    .info {
        margin-left: 10pm;
        width: 510pm;
        .border-1px(bottom,@border);
    }
    .author_wrap {
        margin-top: 16pm;
        height: 36pm;
        .author {
            font-size: 26pm;
            color: @color9;
            float: left;
        }
        .scores{
            float: right;
            i{
                font-size: 20pm
            }
        }
    }
    .desc {
        margin-top: 11pm;
        margin-bottom: 20pm;
        font-size: 26pm;
        line-height: 38pm;
        color: @color3;
    }
    .photos {
        img {
            float: left;
            width: 90pm;
            height: 90pm;
            margin-right: 11pm;
            &:last-nth-of-type(1) {
                margin-right: 0;
            }
        }
    }
    .time {
        font-size: 22pm;
        color: @color2;
        line-height: 66pm;
    }
}

.ok {
    position: relative;
    top: 5pm;
    margin-right: 5pm;
    display: inline-block;
    width: 27pm;
    height: 27pm;
    background: url('../images/ok.png') no-repeat 0 0;
    background-size: 27pm 27pm;
}

.no {
    position: relative;
    top: 5pm;
    margin-right: 5pm;
    display: inline-block;
    width: 25pm;
    height: 25pm;
    border-radius: 10000pm;
    background: #ff6673 url('../images/no.png') no-repeat center center;
    background-size: 13pm 13pm;
}

.scores {
    display: inline-block;
    i {
        display: inline-block;
        font-family: "iconfont";
        color: #d4d4d4;
        &.active {
            color: #ffd76a;
        }
    }
}

.g-submit {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500pm; 
    height: 80pm;
    line-height: 80pm;
    text-align: center;
    border: 2pm solid #43e5b5;
    border-radius: 6pm;
    color:@color9;
    font-size: 28pm;
}

.btn2{
    color:#45d8ba!important;
    border-color: #43e5b5!important;
}
@import "animate";
@import "chongzhi";
@import "chongzhiRecord";
@import "detail";
@import "index";
@import "mylessons";
@import "notice";
@import "pingjia";
@import "tousu";
@import "uc";
@import "userInfo"; 
